技術問答
技術文章
iT 徵才
Tag
聊天室
2023 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2023 iThome 鐵人賽
DAY
17
0
SideProject30
30天挑戰:從無到有,使用Vue.js和.NET建立一個Web登入系統
系列 第
17
篇
Day 17:Vue觀念篇 - Vue.js是什麼?
15th鐵人賽
ㄙ ㄩˊ
團隊
NUTC_IMAC_WEB_桑貝比
2023-10-02 23:46:18
179 瀏覽
分享至
Vue.js 有以下概念:
資料繫結(Data Binding)
:Vue.js 使用雙向繫結(Two-way Data Binding)來實現資料和DOM元素之間的同步。當資料發生變化時,相應的DOM元素也會更新
指令(Directives)
:Vue.js 提供了一系列的指令,例如 v-if、v-for、v-bind 和 v-on,用於在模板中添加特定的行為。這些指令允許你根據資料的狀態來操作DOM
事件處理(Event Handling)
:Vue.js 允許你使用 v-on 指令來監聽DOM事件,例如點擊、輸入等。這樣你可以在事件觸發時執行相應的方法
組件(Components)
:Vue.js 的應用程序可以被拆分為多個組件。組件是可重用的Vue實例,可以擁有自己的狀態和方法。這樣的結構使得應用程序更容易管理和擴展
生命周期(Lifecycle Hooks)
:Vue實例具有一系列的生命周期鉤子,如 created、mounted 和 destroyed。這些鉤子允許你在Vue實例的不同生命週期階段執行代碼
計算屬性(Computed Properties)
:Vue.js 允許你定義基於現有資料計算得到的屬性。這些屬性的值會根據資料的變化自動更新,並且在模板中可以當作普通屬性使用
監視(Watchers)
:Vue.js 允許你監視資料的變化,當資料符合指定條件時,執行相應的函數
路由(Vue Router)
:Vue.js 的官方路由庫,可以實現單頁應用程序(SPA)中的路由導航
狀態管理(Vuex)
:Vuex 是Vue.js的狀態管理庫,用於管理應用程序的狀態,方便在組件之間共享數據
留言
追蹤
檢舉
上一篇
Day 15:.NET 登入開發篇 - 如何開發一隻登入API
下一篇
Day 18:Vue觀念篇 - Vue.js 生命週期是什麼?
系列文
30天挑戰:從無到有,使用Vue.js和.NET建立一個Web登入系統
共
19
篇
目錄
RSS系列文
訂閱系列文
1
人訂閱
15
Day 15:.NET 登入開發篇 - 如何開發一隻註冊API
16
Day 15:.NET 登入開發篇 - 如何開發一隻登入API
17
Day 17:Vue觀念篇 - Vue.js是什麼?
18
Day 18:Vue觀念篇 - Vue.js 生命週期是什麼?
19
Day 19:Vue觀念篇 - Composition API是什麼?
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1123
組
團體組數
52
組
累計文章數
23096
篇
完賽人數
656
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
python
windows
php
c#
windows server
linux
css
程式設計
react
vue.js
熱門問題
老婆line被盜用換sin卡也無法拿回帳號使用權
怎麼才能免費申請
如果當超人拯救了別人,世界真的需要超人嗎?
網路佈線請益
VM以瀏覽器連線至虛擬機器的問題
檔案管理與呼叫資料夾(電腦使用習慣)
win10更改資料夾顏色
租用電腦服務
Docker打包程式的方式
記憶體不足,無法執行 MICROSOFT EXCEL。請關閉其他應用程式再試一次
熱門回答
如果當超人拯救了別人,世界真的需要超人嗎?
網路佈線請益
FAT32 有分什麼版本嗎? CCTV 不支持
一般硬體防火牆,對外 大多要限制那些服務?
PC安裝ESXi 8.0備份問題
熱門文章
你知道駭客如何入侵你的網站嗎?
使用 AWS建立商品管理系統
如何不顯示臉書的贊助商廣告 跟 為你推薦
如何使用AWS AI Service Cards – Amazon Rekognition ?
線上點餐系統
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}